$(function(){
	$('.nr').each(function(){
//		获取原生js对象因为只有原生js里面才能存对象属性
		var js = $(this)[0];
//		给每个box里面存入num
		js.num = 0;
	})
	
	$('.le').click(function(){
//		获得box的原生js对象
		var jsN= $(this).parents('.nr')[0];
		jsN.num--;
		if(jsN.num<0){
			jsN.num=0;
		}			
		$(this).siblings('.nrch').animate({'left':-jsN.num*296+'px'},300);
		$(this).siblings('.yd').find('span').eq(jsN.num).addClass('active').siblings().removeClass('active');
	})

	$('.ri').click(function(){
//		获得box的原生js对象
		var jsN = $(this).parents('.nr')[0];
		var nrchlen = $(this).siblings('.nrch').find('.nr_a').length;
		
		jsN.num++;
		if(jsN.num>nrchlen-1){
			jsN.num=nrchlen-1;
		}		
		$(this).siblings('.nrch').animate({'left':-jsN.num*296+'px'},300);
		$(this).siblings('.yd').find('span').eq(jsN.num).addClass('active').siblings().removeClass('active');
//		alert(jsN.num)
	})
	
	$('.yd span').click(function(){
		var jsN = $(this).parents('.nr')[0];
//		获得当前元素序号
		jsN.num = $(this).index();
		$(this).parent().siblings('.nrch').animate({'left':-jsN.num*296+'px'},300);
		$(this).addClass('active').siblings().removeClass('active');
		
	})
	
	
})
